<template>
	<view class="order-item-card">
		<image class="image" mode="aspectFill" src="https://mall.wzxfyl.com/image/pms_1697422942.82993577.png">
		</image>
		<view class="desc">
			<text class="ellipsis2 title">
				纯色纯棉休闲圆领短袖T恤纯白亲肤厚柔软细腻面料纯白短袖套头T恤
			</text>
			<view>
				<text class="tags"> 圆领</text>
			</view>
		</view>
		<view class="info">
			<tar-money value="899.23"></tar-money>
			<view class="count">x 20</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "order-item-card",
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.order-item-card {
		padding: .5rem 1rem;
		display: flex;
		gap: .5rem;
		.image {
			width: 176rpx;
			height: 176rpx;
		}

		.desc {
			flex: 1;

			.title {
				color: #333;
				font-size: 28rpx;
			}

			.tags {
				color: #666;
				font-size: .8rem;
			}
		}

		.info {
			text-align: right;

			.count {
				color: #666;
				font-size: .8rem;
			}
		}
	}
</style>